<template>
  <div>
    <home-header></home-header>
    <home-swiper></home-swiper>
    <home-icon></home-icon>
    <home-recommend></home-recommend>
    <home-hot></home-hot>
    <home-sider></home-sider>
  </div>
</template>

<script>
import Header from './components/Header'
import Swiper from './components/Swiper'
import Icon from './components/Icon'
import Recommend from './components/Recommend'
import Hot from './components/Hot'
import Sidebar from './components/sideBar'

export default {
  name: 'Home',
  components: {
    HomeHeader: Header,
    HomeSwiper: Swiper,
    HomeIcon: Icon,
    HomeRecommend: Recommend,
    HomeHot: Hot,
    HomeSider: Sidebar
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
